<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
        <ul class="sidebar-menu">
            <li class="header">Main</li>
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-dashboard"></i> <span>面板</span> <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li><a href="index.php?p=dashboard"><i class="fa fa-circle-o"></i>查看</a></li>
                </ul>
            </li>
            <li class="active treeview">
                <a href="#">
                    <i class="fa fa-video-camera"></i> <span>视频</span> <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li><a href="index.php?p=video_list" ><i class="fa fa-circle-o"></i>查看</a></li>
                    <li class="active"><a href="index.php?p=video_add"><i class="fa fa-circle-o"></i>添加</a></li>
                </ul>
            </li>
            <li class=" treeview">
                <a href="#">
                    <i class="fa fa-gears"></i> <span>类型</span> <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li><a href="index.php?p=category_list"><i class="fa fa-circle-o"></i>查看</a></li>
                    <li><a href="index.php?p=category_add"><i class="fa fa-circle-o"></i>添加</a></li>
                </ul>
            </li>
            <li class=" treeview">
                <a href="#">
                    <i class="fa fa-adn"></i> <span>广告</span> <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li><a href="index.php?p=ad_list"><i class="fa fa-circle-o"></i>查看</a></li>
                    <li><a href="index.php?p=ad_add"><i class="fa fa-circle-o"></i>添加</a></li>
                </ul>
            </li>
        </ul>
    </section>
    <!-- /.sidebar -->
</aside>

<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            视频
            <small>添加</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i>视频</a></li>
            <li class="active">添加</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">

        <!-- quick email widget -->
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4>新视频</h4>
                </div>
                <div class="panel-body">
                    <form class="form-horizontal" role="form">
                        <div class="form-group">
                            <label for="video_category_id" class="col-sm-2 control-label">类别</label>
                            <div class="col-sm-10">
                                <select name="" id="video_category_id">
                                    <?php
                                             $rows=$mysql->query("select * from `category` order by category_id ASC");
                                    foreach($rows as $row){
                                    echo "<option value='".$row['category_id']."'>".$row['category_name']."</option>";
                                    }

                                    ?>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="video_title" class="col-sm-2 control-label">显示标题</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="video_title"
                                       placeholder="不超过15字">
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="video_slogan" class="col-sm-2 control-label">视频宣传语</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="video_slogan"
                                       placeholder="不超过30字">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="video_detail" class="col-sm-2 control-label">视频详情</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="video_detail"
                                       placeholder="不超过30字">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="video_label" class="col-sm-2 control-label">标签</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="video_label"
                                       placeholder="请用汉字逗号，隔开">
                            </div>
                        </div>
                    </form>


                    <form class="form-horizontal" role="form">
                        <div class="form-group">
                            <label for="video_img_outer_url" class="col-sm-2 control-label">图片外链</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="video_img_outer_url" placeholder="只能与图片上传二选一">
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="video_outer_url" class="col-sm-2 control-label">视频外链</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="video_outer_url"
                                       placeholder="只能与视频上传二选一">
                            </div>
                        </div>
                    </form>

                    <form class="form-horizontal form-group" role="form" action="http://wx.miuiad.com/PhalApi/Public/xxkpcms/?service=Admin.UploadImg" id="imageUploadForm" enctype="multipart/form-data">
                            <label for="ImageBrowse" class="col-sm-2 control-label">图片上传</label>
                            <div class="col-sm-10">
                                <input type="file" id="ImageBrowse" name="img" />
                                <input type="submit" hidden="hidden" name="upload" value="Upload" />
                            </div>
                        <div class="col-sm-10">

                            <img class="videoImg" src="" alt="">
                        </div>
                        </form>




                    <form class="form-horizontal form-group" role="form" action="http://wx.miuiad.com/PhalApi/Public/xxkpcms/?service=Admin.UploadVideo" id="videoUploadForm" enctype="multipart/form-data">
                        <label for="VideoBrowse" class="col-sm-2 control-label">视频上传</label>
                        <div class="col-sm-10">
                            <input type="file" id="VideoBrowse" name="video" />
                            <input type="submit" hidden="hidden" name="upload" value="Upload" />

                        </div>
                        <div class="col-sm-10">
                            <video class="videoUrl" src="" controls="controls"></video>
                            <span class="video-loading">
                                <i class="fa fa-refresh fa-spin fa-3x fa-fw"></i>
                                <span class="sr-only">Loading...</span>
                            </span>
                        </div>
                    </form>

                        <div class="form-group col-sm-10">
                            <div class="col-sm-offset-2 col-sm-2">
                                <button type="button" id="resetVideo" class="btn btn-default">重置</button>
                            </div>
                            <div class=" col-sm-2">
                                <button type="submit" id="addVideo" class="btn btn-primary">添加</button>
                            </div>
                        </div>
                </div>
            </div>
    </section><!-- /.Left col -->
</div><!-- /.row (main row) -->

